body
{
	.clearfix, body header div#header-container, body header nav, body header nav ul, body header nav ul li ul.sub-nav-list, body section, body aside {
    zoom: 1;
}

    .clearfix:after, body header div#header-container:after, body header nav:after, body header nav ul:after, body header nav ul li ul.sub-nav-list:after, body section:after, body aside:after, .clearfix:before, body header div#header-container:before, body header nav:before, body header nav ul:before, body header nav ul li ul.sub-nav-list:before, body section:before, body aside:before {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .clearfix:after, body header div#header-container:after, body header nav:after, body header nav ul:after, body header nav ul li ul.sub-nav-list:after, body section:after, body aside:after {
        clear: both;
    }
font: 14px normal Arial;
    color: white;
    background: #f9caf9; /* Old browsers */
   
    background: url();
    background: -moz-linear-gradient(top,  #f9caf9 1%, #9e2def 22%, #9743c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9caf9), color-stop(22%,#9e2def), color-stop(100%,#9743c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9caf9 1%,#9e2def 22%,#9743c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9caf9 1%,#9e2def 22%,#9743c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9caf9 1%,#9e2def 22%,#9743c1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9caf9 1%,#9e2def 22%,#9743c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9caf9', endColorstr='#9743c1',GradientType=0 ); /* IE6-8 */
	header {
        padding-top: 25px;
        padding-bottom: 5px;
        padding-right: 15px;
        padding-left: 15px;
		div#header-container 
		{
		div#logo-container 
			{
            float: left;
            position: relative;
			}

			div#reg-form-container 
			{
            float: right;
            position: relative;
            right: 5%;
            top: 50%;
				div {
					text-align: right;
						label {
						width: 50px;
						margin: 5px;
					}
					input {
                    width: 130px;
                    border: 1px solid #603382;
                    border-radius: 10px;
                    padding: 2px 5px;
                    margin: 5px;
                    background:#8949b9
					}
				}
				button 
				{
					margin-left: auto;
					margin-right: auto;
					font-weight: bold;
					border: 1px solid #603382;
					border-style: outset;
					border-radius: 10px;
					padding: 5px 8px;
					background-color: rgba(255, 255, 255, 0.2); 
					color: white; 
					margin-left: auto; 
					margin-right: auto; 
					font-weight: bold; 
  
					/*Registration Button Border Properties*/
					border: 1px solid #8949b9; 
					border-style: outset; 
					border-left: 1px solid rgba(255, 255, 255, 0.7); 
					border-left-style:outset; 
					border-top: 1px solid rgba(255, 255, 255, 0.7); 
					border-top-style:outset; 
					border-radius: 10px; 
  
					padding: 5px 8px; 
						button:hover 
						{
							background-color: #8949b9;
							border-style: inset;
						}
				}
			}
		}
		nav 
		{
            display: inline-block;
            width: 75%;
            margin: 20px 20px 20px 20px;
            padding: 12px;
            border: 2px solid #000;
            border-radius: 15px;
				ul
				{
					&.nav-list 
					{
					list-style-type: none;
					}

					li {
						float: left;
						margin: 0;
						   a{
							select:none;
							text-decoration: none;
							padding: 0 10px 0 10px;
							color: white;
							font: 1.4em normal Arial;
							.selected {
										font-weight: bold;
                                      }
							}
							&:hover > a {
							text-decoration: underline;
							color: #a8a8a8;
							& + ul 
							{
									display: block;
							}
							}
							
							ul
							{
							&.sub-nav-list {
											position: absolute;
											display: none;
											background-color: rgba(179, 94, 243, 0.9);
											border-radius: 5px;
										  }
								li {
									float: none;
									margin: 0 15px;
									padding: 10px 0;
									border-bottom: 1px solid black;
									&:last-of-type 
										{
											border-bottom: none;
										}
									& > a 
											{
											font-size: 1.2em;
											color: #fff;
											}
								   }
							}
						}
				}
        }
    }	


	section {
        width: 75%;
        float: left;
        color: black;
				article 
				{
				margin: 20px;
				padding: 20px;
				border: 1px solid black;
				border-radius: 15px;
					header {
							background: none;
							padding: 5px;
								h1 {
									font-size: 1.4em;
									padding: 0;
								   }
						   }
					footer 
						  {
							padding: 5px;
								p 
								{
									font-size: 16px;
									text-align: right;
									font-weight: normal;
									time {
											font-family: Consolas, 'Lucida Console', 'DejaVu Sans Mono', monospace;
										 }
									a {
										text-decoration: none;
										color:#e1a3f6;
										&:hover {
													text-decoration: underline;
												}
									  }
								}
						  }
				}
			}
	aside {
			float: left;
			width: 20%;
			margin: 20px;
				.LiDot::before
							{
							content:url(../images/li-dot.png);
							}
				& > ul 
					{
					list-style-type: none;
						& > li
							{
								margin: 15px 0;
								padding: 15px;
								border: 1px solid black;
								border-radius: 5px;
									h2 
									{
									font-size: 1.1em;
									font-weight: bold;
									}
									p 
                                    {
                                    margin-top: 10px;
                                    margin-right: 5px;
                                    margin-bottom: 10px;
                                    margin-left: 5px;
                                    font-size: 14px;
										a 
										{
											color: #aaaaaa;
											text-decoration: none;
										}
										 strong 
												{
												color: #cccccc;
												font-weight: bold;
												font-style: normal;
												}
										 em 
											{
											color: #cccccc;
											font-weight: normal;
											font-style: italic;
											}
                                    }
								ul 
								{
								list-style-type: none;
								margin-top: 10px;
								margin-right: 0;
								margin-bottom: 10px;
								margin-left: 0px;
									li {
										margin-top: 5px;
										margin-left: 10px;
										margin-bottom: 0px;
										margin-right: 0px;
										background: url(images/li-dot.png) no-repeat;
										background-position: 0 50%;
										padding-left: 25px;
									   }
								}
							}
							
					}
		  }

		  footer 
				{
				clear: both;
				padding-top: 15px;
				padding-bottom: 25px;
				padding-right: 0px;
				padding-left: 0px;
					p 
					{
					font-size: 1.2em;
					font-weight: bold;
					text-align:center;
					}
				}
}